{% extends 'homepage/index.html' %}
{% load staticfiles %}
{% block page %}

  <!-- Page Content -->
  <div class="container">

    <!-- Page Heading/Breadcrumbs -->
    <h1 class="mt-4 mb-3">系列介绍
      <small></small>
    </h1>

    <ol class="breadcrumb">
      <li class="breadcrumb-item">
        <a href="/">首页</a>
      </li>
      <li class="breadcrumb-item active">系列介绍</li>
    </ol>

    <!-- Image Header -->
    <img class="img-fluid rounded mb-4" src="{% static 'img/1200x300.jpg' %}" alt="">

    <!-- Marketing Icons Section -->
    <div class="row">
      <div class="col-lg-4 mb-4">
        <div class="card h-100">
          <h4 class="card-header">系列1</h4>
          <div class="card-body">
            <p class="card-text">系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍</p>
          </div>
          <div class="card-footer">
            <a href="#" class="btn btn-primary">查看更多</a>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4">
        <div class="card h-100">
          <h4 class="card-header">系列2</h4>
          <div class="card-body">
            <p class="card-text">系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍</p>
          </div>
          <div class="card-footer">
            <a href="#" class="btn btn-primary">查看更多</a>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4">
        <div class="card h-100">
          <h4 class="card-header">系列3</h4>
          <div class="card-body">
            <p class="card-text">系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍系列介绍</p>
          </div>
          <div class="card-footer">
            <a href="#" class="btn btn-primary">查看更多</a>
          </div>
        </div>
      </div>
    </div>
    <!-- /.row -->

  </div>
  <!-- /.container -->
{% endblock %}